<template>
    <!-- 把组件当作标签一样用，就是引用 -->
    <!-- 假设有GlobalComponent -->
    <!-- <GlobalComponent></GlobalComponent> -->
    <!-- <GlobalComponent/> -->
    <!-- 帕斯卡命名法 -->
    <!-- <global-component/> -->
    <!-- <global-component></global-component> -->
    <!-- 如果组件名和原生HTML标签名重复，实际渲染的是HTML标签 -->
    <Header></Header>
    <Content></Content>
    <Footer></Footer>
</template>
<script setup>
// 局部注册和引用
// 局部注册，但是没有给它取别名
import Header from './components/Header.vue'
import Content from './components/Content.vue'
import Footer from './components/Footer.vue'

</script>
<style scoped>
    
</style>